<html>
 <head>
 <meta charset="utf-8">
  <title>用户登录</title>
  <style type="text/css">
body {
  background-color: #D3D3D3;
}
body,td,th {
  font-size: 16px;
}
</style>
 </head>
    <body>
<h1 align="center" color="red" size="7" face="楷体">用户登录</h1>
<hr color="red">
<form name="form1" method="get" action="zhuce.jsp">
  <table align="center" width="70%" bgcolor="#778899"  background="image/bgp.jpg" >
     <tr>
      <td>登录</td>
      <td>
       <input type="text" name="username" value="Your name" size="20" maxlength="20" onfocus="if (this.value=='Your name')  this.value='';" />
      </td>
     </tr>
     <tr>
      <td>密码;&nbsp;</td>
      <td>
       <input type="password" name="password" value="Your password" size="20" maxlength="20" onfocus="if (this.value=='Your password')  this.value='';" />
      </td>
     </tr>
     <tr>
      <td>
       <input type="submit" name="Submit" value="登录" onClick="return validateLogin()" />
      </td>
      <td><input type="reset" name="Reset" value="重置" />
       
      </td>
     </tr>
    </table>
   </center>
  </form>
  <script language="javascript">
   function validateLogin(){
    var sUserName = document.frmLogin.username.value ;
    var sPassword = document.frmLogin.password.value ;
    if ((sUserName =="") || (sUserName=="Your name")){
     alert("用户名");
     return false ;
    }
     
    if ((sPassword =="") || (sPassword=="Your password")){
     alert("密码");
     return false ;
    }
   }
  </script>
   



 </body>
</html>